<%@page contentType="text/html" pageEncoding="UTF-8"%>
<head>
    <script type="text/javascript">
    	var listarAgendas = function() {
        	$.post("agendaListar.jsp", function(data) {
   				$("#agendaListar").html(data);
    		});
    	}
    
        $(document).ready(function() {

        	listarAgendas();
        	
            $("input[type=button]").button().click(function(event) {
                event.preventDefault();
            });

            $("#mensagemAgenda").dialog({
            	autoOpen: false,
            	height: 200,
                width: 300,
                modal: true
            });
               
            
            $("#janelaAddAgenda").dialog({
                autoOpen: false,
                height: 350,
                width: 350,
                modal: true,
                buttons: {
                	"Salvar": function() {
                		$(this).dialog("close");                    		
                		$.post("agendaAddDestino.jsp", $("#agendaAdd").serialize(), function(data) {
                			$('#mensagemAgenda').html(data);
                        	$("#mensagemAgenda").dialog("open");
                        	listarAgendas();
                		});
                	},
                    Cancel: function() {
                        $(this).dialog("close");
                    }
                }
            });
            
            $("#filtroAgenda").keyup(function(){
            	$.post("agendaListar.jsp", $("#formAgendaFiltroLista").serialize(), function(data) {
            		$("#agendaListar").html(data);
        		});
            });
        });
    </script>
</head>
<body style="cursor: auto;">
    <div id="janelaAddAgenda" title="Cadastrar Agenda"></div>
    <div id="janelaEditAgenda" title="Editar Agenda"></div>
    <div id="msgConfirmarAgenda" title="Confirma&ccedil;&otilde;o"></div>
    <div id="mensagemAgenda" title="Mensagem"></div>
    <h1>Gest&atilde;o de Agenda</h1>
    <form id="formAgendaFiltroLista" name="formAgendaFiltroLista">
    	<label for="filtroAgenda">Filtar:</label>
    	<input type="text" id="filtroAgenda" name="filtroAgenda"/>
    </form>
    <div id="agendaListar" class="ui-widget listar"></div>
</body>

